import React, { Component } from 'react';
// 子传父  通过事件
class Demo extends Component{
  state={
    title:"(^00^)"
  }; 
// 4 定义子组件中执行父组件中的方法
  handleClick=(params) => {
    // 5执行父组件中的点击方法
    // vue =>this.$emit("eventype",[])
    // 小程序=>this.trigger("eventype",[])
   this.props.handleParentClick(this.state.title);
  };
render(){
  return <div>
<h1>{this.props.msg}</h1>
<h1>{this.state.title}</h1>
{/* 3 子组件中定义一个执行方法的函数 */}
<button onClick={this.handleClick}>传值给父组件</button>
</div>
   
}
};
class App extends Component {
  // 1定义一个父组件方法
  handleParentClick=(params) => {
    console.log("调用父组件中的click方法",params);
    this.setState({
      title:params
    })
  };
  state={
    title:""
  }
  render() {
    return (
      <div>
        <h1>子组件传来的变量:{this.state.title}</h1>
        {/* 2 方法通过属性的方式传给子组件 */}
        <Demo msg="(*^_^*)" handleParentClick={this.handleParentClick}></Demo>
      </div>
    );
  }
}

export default App;
